<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>试用管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--标准mui.css-->
    <link rel="stylesheet" href="css/mobile_reset.css">
    <link rel="stylesheet" href="css/mui.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/bottom_common.css">
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="css/try_manage.css" />
    <link rel="stylesheet" href="css/stamp.css">
</head>
<script>
    (function () {
        document.addEventListener('DOMContentLoaded', function () {
            var html = document.documentElement;
            var windowWidth = html.clientWidth;
            html.style.fontSize = windowWidth / 7.5 + 'px';
            // 等价于html.style.fontSize = windowWidth / 750 * 100 + 'px';
        }, false);


    })();

    // 这个7.5就是根据设计稿的横向宽度来确定的，假如你的设计稿是640
    // 那么 html.style.fontSize = windowWidth / 6.4 + 'px';
</script>
<body>
<div class="try_progress">

    <!--待开奖-->
    <div class="waitWinning">
        <div class="lottery">
            <ul id="waitWinning">
                <li><img src="images/daikaijiang.png" alt=""></li>
                <li>
                    <p><span>待开奖</span><b>(2)</b></p>
                    <p>申请过的商品每天都会开奖
                        <br/>
                        直到商品下线
                    </p>
                </li>
                <li class="collapse">
                    <img class="img" src="images/record_icon_arrow_default.png" alt="">
                </li>
            </ul>
        </div>
    </div>
    <!--待开奖商品-->
    <div class="waitWinningGoods lists">
        <div class="good">
            <p class="title">
                <span>NIKE旗舰店</span>
                <b>&nbsp;&nbsp;10:20:35</b>
                <b>2016-11-18</b>
            </p>
            <ul>
                <li>
                    <img src="images/bg_com01_default@2x.png" alt="">
                </li>
                <li>
                    <p class="goodName"><span>夏季美西南科技项目再看下面来看</span></p>
                    <p>商品规格：<span>米色，M</span></p>
                    <p>商品数量：<span>1件</span></p>
                    <p class="goodPrice">商品价格：<span>&yen;1000.00</span></p>
                </li>
                <li>
                    <p class="run_lottery">
                      本次未中奖
                    </p>
                    <p>
                        <a  class="again_btn" href="#"><input type="button" value="再获一次抽奖机会"></a>
                    </p>
                </li>
            </ul>
        </div>
        <div class="good">
            <p class="title">
                <span>NIKE旗舰店</span>
                <b>&nbsp;&nbsp;10:20:35</b>
                <b>2016-11-18</b>
            </p>
            <ul>
                <li>
                    <img src="images/bg_com01_default@2x.png" alt="">
                </li>
                <li>
                    <p class="goodName"><span>夏季美西南科技项目再看下面来看</span></p>
                    <p>商品规格：<span>米色，M</span></p>
                    <p>商品数量：<span>1件</span></p>
                    <p class="goodPrice">商品价格：<span>&yen;1000.00</span></p>
                </li>
                <li>
                    <p  class="run_lottery">
                        2017年2月27日
                        上午10点开奖
                    </p>
                </li>
            </ul>
        </div>
    </div>

    <!--已中奖待开奖-->
    <div class="waitGet">
        <div class="lottery">
            <ul id="waitGet">
                <li><img src="images/syjz_icon_dlq_default@2x.png" alt=""></li>
                <li>
                    <p><span>已中奖待领取</span><b>(2)</b></p>
                    <p>
                        中奖商品请及时领取，超时
                        <br/>
                        将取消领取资格
                    </p>
                </li>
                <li class="collapse">
                    <img class="img" src="images/record_icon_arrow_default.png" alt="">
                </li>
            </ul>
        </div>
    </div>
    <!--待开奖商品-->
    <div class="waitGetGoods lists">
        <div class="good">
            <div class="lists_picture"><img src="images/zjjg_bg_dhzj_default@2x.png" alt=""></div>
            <p class="title">
                <span>NIKE旗舰店</span>
                <b>2016-11-18</b>
                <b>10:20:35</b>
            </p>
            <ul>
                <li>
                    <img src="images/bg_com01_default@2x.png" alt="">
                </li>
                <li>
                    <p class="goodName"><span>夏季美西南科技项目再看下面来看</span></p>
                    <p>商品规格：<span>米色，M</span></p>
                    <p>商品数量：<span>1件</span></p>
                    <p class="goodPrice">商品价格：<span>&yen;1000.00</span></p>
                </li>
                <li>
                    <p class="times"><span>48:00:00</span></p>
                    <p><span>后关闭领取通道</span></p>
                    <a class="evaluate_btn" href="get_firstep.html"><input type="button" value="立即领取"></a>
                </li>
            </ul>
        </div>
        <div class="good">
            <div class="lists_picture"><img src="images/zjjg_bg_sqzj_default@2x.png" alt=""></div>
            <p class="title">
                <span>NIKE旗舰店</span>
                <b>2016-11-18</b>
                <b>10:20:35</b>
            </p>
            <ul>
                <li>
                    <img src="images/bg_com01_default@2x.png" alt="">
                </li>
                <li>
                    <p class="goodName"><span>夏季美西南科技项目再看下面来看</span></p>
                    <p>商品规格：<span>米色，M</span></p>
                    <p>商品数量：<span>1件</span></p>
                    <p class="goodPrice">商品价格：<span>&yen;1000.00</span></p>
                </li>
                <li>
                    <p class="times"><span>48:00:00</span></p>
                    <p><span>后关闭领取通道</span></p>
                    <a class="evaluate_btn" href="get_firstep.html"><input type="button" value="立即领取"></a>
                </li>
            </ul>
        </div>
    </div>

    <!--待发货-->
    <div class="waitDeliver">
        <div class="lottery">
            <ul id="waitDeliverGoods">
                <li><img src="images/syjz_icon_dfh_default@2x.png" alt=""></li>
                <li>
                    <p><span>待发货</span><b>(2)</b></p>
                    <p>商家会尽快安排发货，请耐
                        <br/>
                        心等候
                    </p>
                </li>
                <li class="collapse">
                    <img class="img" src="images/record_icon_arrow_default.png" alt="">
                </li>
            </ul>
        </div>
    </div>
    <!--待发货商品-->
    <div class="waitDeliverGoods lists">
        <div class="good">
            <p class="title">
                <span>NIKE旗舰店</span>
                <b>&nbsp;&nbsp;10:20:35</b>
                <b>2016-11-18</b>
            </p>
            <ul>
                <li>
                    <img src="images/bg_com01_default@2x.png" alt="">
                </li>
                <li>
                    <p class="goodName"><span>夏季美西南科技项目再看下面来看</span></p>
                    <p>商品规格：<span>米色，M</span></p>
                    <p>商品数量：<span>1件</span></p>
                    <p class="goodPrice">商品价格：<span>&yen;1000.00</span></p>
                </li>
                <li>
                    <p  class="run_lottery">
                        商家会尽快发货请耐心等候
                    </p>
                </li>
            </ul>
        </div>
    </div>

    <!--待收货评价-->
    <div class="waitLottery">
                        <div class="lottery">
                            <ul  id="dropDown">
                                <li><img src="images/syjz_icon_dshpj_default.png" alt=""></li>
                                <li>
                                    <p><span>待收货评价</span><b>(2)</b></p>
                                    <p>
                                        收到商品后，请先在试客巴 <br/>
                                        提交商品评价
                                    </p>
                                </li>
                                <li class="collapse">
                                    <img class="img" src="images/record_icon_arrow_default.png" alt="">
                                </li>
                            </ul>
                        </div>
                    </div>
    <!--待收货评价商品-->
    <div class="waitLotteryGoods lists">
                        <div class="good">
                            <p class="title">
                                <span>NIKE旗舰店</span>
                                <b>&nbsp;&nbsp;10:20:35</b>
                                <b>2016-11-18</b>
                            </p>
                            <ul>
                                <li>
                                    <img src="images/bg_com01_default@2x.png" alt="">
                                </li>
                                <li>
                                    <p class="goodName"><span>夏季美西南科技项目再看下面来看</span></p>
                                    <p>商品规格：<span>米色，M</span></p>
                                    <p>商品数量：<span>1件</span></p>
                                    <p class="goodPrice">商品价格：<span>&yen;1000.00</span></p>
                                </li>
                                <li>
                                    <p class="time">
                                        收到宝贝后，请先
                                        <br/>
                                        在试客巴进行评价
                                    </p>
                                    <a href="confirm_evaluate.html"  class="evaluate_btn"><input type="button" value="收货评价"></a>
                                </li>
                            </ul>
                        </div>
                        <div class="good">
                            <p class="title">
                                <span>NIKE旗舰店</span>
                                <b>&nbsp;&nbsp;10:20:35</b>
                                <b>2016-11-18</b>
                            </p>
                            <ul>
                                <li>
                                    <img src="images/bg_com01_default@2x.png" alt="">
                                </li>
                                <li>
                                    <p class="goodName"><span>夏季美西南科技项目再看下面来看</span></p>
                                    <p>商品规格：<span>米色，M</span></p>
                                    <p>商品数量：<span>1件</span></p>
                                    <p class="goodPrice">商品价格：<span>&yen;1000.00</span></p>
                                </li>
                                <li>
                                    <p class="time">
                                        收到宝贝后，请先
                                        <br/>
                                        在试客巴进行评价
                                    </p>
                                    <a href="confirm_evaluate.html" class="evaluate_btn"><input type="button" value="收货评价"></a>
                                </li>
                            </ul>
                        </div>
                    </div>

    <!--待审核评价-->
    <div class="waitAudit">
        <div class="lottery">
            <ul>
                <li><img src="images/syjz_icon_dpjsh_default@2x.png" alt=""></li>
                <li>
                    <p><span>待审核评价</span><b>(2)</b></p>
                    <p>
                        商家将在24小时内完成审核，<br/>
                        超时自动通过
                    </p>
                </li>
                <li class="collapse">
                    <img class="img" src="images/record_icon_arrow_default.png" alt="">
                </li>
            </ul>
        </div>
    </div>
    <!--待审核评价商品-->
    <div class="waitAuditGoods lists">
        <div class="good">
            <p class="title">
                <span>NIKE旗舰店</span>
                <b>&nbsp;&nbsp;10:20:35</b>
                <b>2016-11-18</b>
            </p>
            <ul>
                <li>
                    <img src="images/bg_com01_default@2x.png" alt="">
                </li>
                <li>
                    <p class="goodName"><span>夏季美西南科技项目再看下面来看</span></p>
                    <p>商品规格：<span>米色，M</span></p>
                    <p>商品数量：<span>1件</span></p>
                    <p class="goodPrice">商品价格：<span>&yen;1000.00</span></p>
                </li>
                <li>
                    <p class="timeAudit">
                        商家将在24小时内完成审核，超时自动通过
                    </p>
                </li>
            </ul>
        </div>
    </div>

    <!--待复制评价-->
    <div class="alreadyLottery ">
                        <div class="lottery">
                            <ul id="pullDown">
                                <li><img src="images/syjz_icon_dfzpj_default.png" alt=""></li>
                                <li>
                                    <p><span>待复制评价</span><b>(2)</b></p>
                                    <p>
                                        请将审核通过的评价复制到
                                        <br/>
                                        淘宝发布
                                    </p>
                                </li>
                                <li class="collapse">
                                    <img class="img" src="images/record_icon_arrow_default.png" alt="">
                                </li>
                            </ul>
                        </div>
                    </div>
    <!--待复制评价商品-->
    <div class="alreadyLotteryGoods lists">
                        <div class="good">
        <p class="title">
            <span>NIKE旗舰店</span>
            <b>&nbsp;&nbsp;10:20:35</b>
            <b>2016-11-18</b>
        </p>
        <ul>
            <li>
                <img src="images/bg_com01_default@2x.png" alt="">
            </li>
            <li>
                <p class="goodName"><span>夏季美西南科技项目再看下面来看</span></p>
                <p>商品规格：<span>米色，M</span></p>
                <p>商品数量：<span>1件</span></p>
                <p class="goodPrice">商品价格：<span>&yen;1000.00</span></p>
            </li>
            <li>
                <p class="time">
                    请将审核通过的评
                    <br/>
                    价复制到淘宝发布
                </p>
                <a href="copy_evaluate.html"  class="evaluate_btn"><input type="button" value="淘宝评价"></a>
            </li>
        </ul>
    </div>
                        <div class="good">
                            <p class="title">
                                <span>NIKE旗舰店</span>
                                <b>&nbsp;&nbsp;10:20:35</b>
                                <b>2016-11-18</b>
                            </p>
                            <ul>
                                <li>
                                    <img src="images/bg_com01_default@2x.png" alt="">
                                </li>
                                <li>
                                    <p class="goodName"><span>夏季美西南科技项目再看下面来看</span></p>
                                    <p>商品规格：<span>米色，M</span></p>
                                    <p>商品数量：<span>1件</span></p>
                                    <p class="goodPrice">商品价格：<span>&yen;1000.00</span></p>
                                </li>
                                <li>
                                    <p class="time">
                                        请将审核通过的评
                                        <br/>
                                        价复制到淘宝发布
                                    </p>
                                    <a href="copy_evaluate.html"  class="evaluate_btn"><input type="button" value="淘宝评价"></a>
                                </li>
                            </ul>
                        </div>
                    </div>

    <!--待确认评价-->
    <div class="waitConfirm">
        <div class="lottery">
            <ul>
                <li><img src="images/syjz_icon_dqrpj_default@2x.png" alt=""></li>
                <li>
                    <p><span>待确认评价</span><b>(2)</b></p>
                    <p>
                        商家将在24小时内完成确认，<br/>
                        超时自动确认
                    </p>
                </li>
                <li class="collapse">
                    <img class="img" src="images/record_icon_arrow_default.png" alt="">
                </li>
            </ul>
        </div>
    </div>
    <!--待确认评价商品-->
    <div class="waitConfirmGoods lists">
        <div class="good">
            <p class="title">
                <span>NIKE旗舰店</span>
                <b>&nbsp;&nbsp;10:20:35</b>
                <b>2016-11-18</b>
            </p>
            <ul>
                <li>
                    <img src="images/bg_com01_default@2x.png" alt="">
                </li>
                <li>
                    <p class="goodName"><span>夏季美西南科技项目再看下面来看</span></p>
                    <p>商品规格：<span>米色，M</span></p>
                    <p>商品数量：<span>1件</span></p>
                    <p class="goodPrice">商品价格：<span>&yen;1000.00</span></p>
                </li>
                <li>
                    <p class="timeAudit">
                        商家将在24小时内完成确认，超时自动通过
                    </p>
                </li>
            </ul>
        </div>
    </div>

    <!--已完成-->
    <div class="finish">
        <div class="lottery">
            <ul id="finish">
                <li><img src="images/syjz_icon_ywc_default.png" alt=""></li>
                <li>
                    <p><span>已完成</span><b>(2)</b></p>
                    <p>已完成的试用订单信息</p>
                </li>
                <li class="collapse">
                    <img class="img" src="images/record_icon_arrow_default.png" alt="">
                </li>
            </ul>
        </div>
    </div>
    <!--已完成商品-->
    <div class="finishGoods lists">
        <div class="good">
            <p class="title">
                <span>NIKE旗舰店</span>
                <b>&nbsp;&nbsp;10:20:35</b>
                <b>2016-11-18</b>
            </p>
            <ul>
                <li>
                    <img src="images/bg_com01_default@2x.png" alt="">
                </li>
                <li>
                    <p class="goodName"><span>夏季美西南科技项目再看下面来看</span></p>
                    <p>商品规格：<span>米色，M</span></p>
                    <p>商品数量：<span>1件</span></p>
                    <p class="goodPrice">商品价格：<span>&yen;1000.00</span></p>
                </li>
                <li>
                    <p class="try_finish">
                        试用已完成，返
                        <br/>
                        款已到您的账户
                        <br/>
                        请注意查收，有
                        <br/>
                        问题请联系客服
                    </p>
                </li>
            </ul>
        </div>
        <div class="good">
            <p class="title">
                <span>NIKE旗舰店</span>
                <b>&nbsp;&nbsp;10:20:35</b>
                <b>2016-11-18</b>
            </p>
            <ul>
                <li>
                    <img src="images/bg_com01_default@2x.png" alt="">
                </li>
                <li>
                    <p class="goodName"><span>夏季美西南科技项目再看下面来看</span></p>
                    <p>商品规格：<span>米色，M</span></p>
                    <p>商品数量：<span>1件</span></p>
                    <p class="goodPrice">商品价格：<span>&yen;1000.00</span></p>
                </li>
                <li>
                    <p class="try_finish">
                        试用已完成，返
                        <br/>
                        款已到您的账户
                        <br/>
                        请注意查收，有
                        <br/>
                        问题请联系客服
                    </p>
                </li>
            </ul>
        </div>
    </div>

    <!--已取消-->
    <div class="cancel">
        <div class="lottery">
            <ul>
                <li><img src="images/syjz_icon_yqx_default@2x.png" alt=""></li>
                <li>
                    <p><span>已取消</span><b>(2)</b></p>
                    <p>已取消的试用订单信息</p>
                </li>
                <li class="collapse">
                    <img class="img" src="images/record_icon_arrow_default.png" alt="">
                </li>
            </ul>
        </div>
    </div>
    <!--已取消商品-->
    <div class="cancelGoods lists">
        <div class="good">
            <p class="title">
                <span>NIKE旗舰店</span>
                <b>&nbsp;&nbsp;10:20:35</b>
                <b>2016-11-18</b>
            </p>
            <ul>
                <li>
                    <img src="images/bg_com01_default@2x.png" alt="">
                </li>
                <li>
                    <p class="goodName"><span>夏季美西南科技项目再看下面来看</span></p>
                    <p>商品规格：<span>米色，M</span></p>
                    <p>商品数量：<span>1件</span></p>
                    <p class="goodPrice">商品价格：<span>&yen;1000.00</span></p>
                </li>
                <li>
                    <p class="timeCancel">
                      试用超时已取消
                    </p>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--页面底部导航条-->
<footer id="nav"></footer>
</body>
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script src="js/mui.js"></script>
<script src="js/index_tab.js"></script>
<script>
    //    取消禁止a标签的跳转
    mui('nav').on('tap','a',function(){document.location.href=this.href;});

    $(function(){
        $('#nav').load('footer_nav.html',function(){
            $('#tryProgress').find('img').attr('src','images/bottom_icon_progress_selected@2x.png');
            $('#tryProgress').addClass('mui-active');
        });

        $('.lottery>ul').bind('tap',function() {
            var index = $(this).index('.lottery>ul');
            for (var i = 0; i <9; i++) {
                if(i!= index && $('.lists:eq(' + i + ')').css('display')!= 'none'){
                    $('.collapse:eq('+i+')').find('.img').attr('src','images/record_icon_arrow_default.png');
                    $('.lists:eq('+i+')').slideToggle()
                }
            }
            if($('.lists:eq('+index+')').css('display')=='none'){
                $('.collapse:eq('+index+')').find('.img').attr('src','images/record_icon_arrow_default@2x.png');
            }else{
                $('.collapse:eq('+index+')').find('.img').attr('src','images/record_icon_arrow_default.png');
            }
            $('.lists:eq('+index+')').slideToggle()
        });
    })
</script>
</html>


















